{% extends 'base.html' %}

{% block title %}我{% endblock %}

{% block stylesheet %}
<style type="text/css">
.weui-tab__bd {
    box-sizing: border-box;
    height: 90%;
}
</style>

{% endblock %}

{% block content %}
<div class="weui-tab">

  <div class="weui-tab__bd">
    <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
	 <div class="weui-msg">
      <div class="weui-msg__icon-area">
        {% if g.user.avatar %}
        <img src="{{g.user.avatar}}">
        {% else %}
        <img src="{{ url_for('static', filename='images/avatar4.png') }}">
        {% endif %}
      </div>
<!--        <div class="weui-msg__text-area">
        <h2 class="weui-msg__title">{{g.user.nickname}}</h2>
      </div> -->
    </div>

    <div class="weui-cells">
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <p>昵称</p>
        </div>
        <div class="weui-cell__ft">{{g.user.nickname}}</div>
      </div>

      <a class="weui-cell weui-cell_access" href="/auth/selectCommunity">
        <div class="weui-cell__bd">
          <p>更换小区</p>
        </div>
        <div class="weui-cell__ft">{{g.user.community.cmnt_name}}
        </div>
      </a>

      <a class="weui-cell weui-cell_access" href="javascript:;">
        <div class="weui-cell__bd">
          <p>物业认证</p>
        </div>
        <div class="weui-cell__ft">
        </div>
      </a>

      <a class="weui-cell weui-cell_access" href="javascript:;">
        <div class="weui-cell__bd">
          <p>物业人员管理</p>
        </div>
        <div class="weui-cell__ft">
        </div>
      </a>


      <div class="weui-cell weui-cell_access">
        <div class="weui-cell__bd">关于</div>
        <div class="weui-cell__ft" style="font-size: 0">
          <span style="vertical-align:middle; font-size: 17px;">详细信息</span>
          <span class="weui-badge weui-badge_dot" style="margin-left: 5px;margin-right: 5px;"></span>
        </div>
      </div>
    </div>

    <div class="weui-btn-area">
      <a class="weui-btn weui-btn_default" href="/auth/logout" id="showTooltips">退出</a>
    </div>

  </div>
</div>

  <div class="weui-tabbar">
    <a href="/topics" class="weui-tabbar__item">
      <!-- <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span> -->
      <div class="weui-tabbar__icon">
        <img src="{{ url_for('static', filename='images/icon_nav_dialog.png') }}" alt="">
      </div>
      <p class="weui-tabbar__label">话题</p>
    </a>
    <a href="/repairs" class="weui-tabbar__item">
      <div class="weui-tabbar__icon">
        <img src="{{ url_for('static', filename='images/icon_nav_article.png') }}" alt="">
      </div>
      <p class="weui-tabbar__label">报修</p>
    </a>
    <a href="/discovery" class="weui-tabbar__item">
      <div class="weui-tabbar__icon">
        <img src="{{ url_for('static', filename='images/icon_nav_button.png') }}" alt="">
      </div>
      <p class="weui-tabbar__label">发现</p>
    </a>
    <a href="#" class="weui-tabbar__item weui-bar__item--on">
      <div class="weui-tabbar__icon">
        <img src="{{ url_for('static', filename='images/icon_nav_cell.png') }}" alt="">
      </div>
      <p class="weui-tabbar__label">我</p>
    </a>
  </div>
</div>
{% endblock %}